<template>
  <div>
    <el-row type="flex" align="middle">
      <el-image :src="row.course_attach.cover_url">
        <div slot="error" class="image-slot"><i class="el-icon-picture-outline" /></div>
      </el-image>
      <span>{{ row.course_attach.title }}</span>
    </el-row>
  </div>
</template>

<script>
export default {
  props: {
    row: {
      type: Object,
      default: _ => {
        return {};
      }
    }
  }
};
</script>
<style lang="scss" scoped>
.el-image {
  width: 70px;
  margin-right: 5px;
  ::v-deep.image-slot {
    font-size: 28px;
  }
}
</style>
